<extend name="base/index" />

		<!-- 页面部分 -->
		<block name="content">
		<div class="page-content">

			<!-- 点击设置弹出层 -->

			<div id="portlet-config" class="modal hide">

				<div class="modal-header">

					<button data-dismiss="modal" class="close" type="button"></button>

					<h3>设置弹出层</h3>

				</div>

				<div class="modal-body">

					<p>请填写完毕注册表单，单击保存！</p>

				</div>

			</div>

			<!-- END 点击设置弹出层-->

			<!-- BEGIN PAGE CONTAINER-->        

			<div class="container-fluid">

				<!-- BEGIN PAGE HEADER-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN STYLE CUSTOMIZER -->

						<div class="color-panel hidden-phone">

							<div class="color-mode-icons icon-color"></div>

							<div class="color-mode-icons icon-color-close"></div>

							<div class="color-mode">

								<p>THEME COLOR</p>

								<ul class="inline">

									<li class="color-black current color-default" data-style="default"></li>

									<li class="color-blue" data-style="blue"></li>

									<li class="color-brown" data-style="brown"></li>

									<li class="color-purple" data-style="purple"></li>

									<li class="color-grey" data-style="grey"></li>

									<li class="color-white color-light" data-style="light"></li>

								</ul>

								<label>

									<span>Layout</span>

									<select class="layout-option m-wrap small">

										<option value="fluid" selected>Fluid</option>

										<option value="boxed">Boxed</option>

									</select>

								</label>

								<label>

									<span>Header</span>

									<select class="header-option m-wrap small">

										<option value="fixed" selected>Fixed</option>

										<option value="default">Default</option>

									</select>

								</label>

								<label>

									<span>Sidebar</span>

									<select class="sidebar-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

								<label>

									<span>Footer</span>

									<select class="footer-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

							</div>

						</div>

						<!-- END BEGIN STYLE CUSTOMIZER -->  

						<!-- 页内标题和地址-->

						<h3 class="page-title">

							添加用户 <small>添加新用户并赋值权限</small>

						</h3>

						<ul class="breadcrumb">

							<li>

								<i class="icon-home"></i>

								<a href="index.html">管理后台</a> 

								<i class="icon-angle-right"></i>

							</li>

							<li>

								<a href="#">用户管理</a>

								<i class="icon-angle-right"></i>

							</li>

							<li><a href="#">添加用户</a></li>

						</ul>

						<!-- END 页内标题和地址-->

					</div>

				</div>

				<!-- END PAGE HEADER-->

				<!-- 页面主要内容-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN VALIDATION STATES-->

						<div class="portlet box green">

							<div class="portlet-title">

								<div class="caption"><i class="icon-edit"></i>填写用户基本资料</div>

								<div class="tools">

									<a href="javascript:;" class="collapse"></a>

									<a href="#portlet-config" data-toggle="modal" class="config"></a>

									<a href="javascript:;" class="reload"></a>

									<a href="javascript:;" class="remove"></a>

								</div>

							</div>

							<div class="portlet-body form">

								<!-- BEGIN FORM-->

								<h3>表单中出现的参数为添加用户的基本参数，均不可为空！</h3>

								<form action="__ACTION__" id="form_sample_2" class="form-horizontal" method="post">

									<div class="alert alert-error hide">

										<button class="close" data-dismiss="alert"></button>

										表单错误，请检查！

									</div>

									<div class="alert alert-success hide">

										<button class="close" data-dismiss="alert"></button>

										表单正确，请提交！

									</div>

									<div class="control-group">

										<label class="control-label">用户名<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="username" data-required="1" class="span6 m-wrap"/>

										</div>

									</div>

									<div class="control-group">

										<label class="control-label">邮箱<span class="required">*</span></label>

										<div class="controls">
											<div class="input-icon left">
												<i class="icon-envelope"></i>
												<input name="email" type="text" class="span6 m-wrap"/>
											</div>
										</div>

									</div>
									
									<div class="control-group">

										<label class="control-label">用户密码<span class="required">*</span></label>

											<div class="controls">

											<input type="password" class="span6 m-wrap" name="password" id="submit_form_password"/>

											<span class="help-inline">请输入用户密码</span>

											</div>

										</div>

									<div class="control-group">

										<label class="control-label">重复密码<span class="required">*</span></label>

											<div class="controls">

												<input type="password" class="span6 m-wrap" name="rpassword"/>

												<span class="help-inline">请再次输入密码</span>

										</div>

								</div>

									<div class="control-group">

										<label class="control-label">用户类型<span class="required">*</span></label>

										<div class="controls">

											<select id="form_2_select2" class="span6 m-wrap" name="category">

												<option value="">请选择...</option>

												<option value="1">群管理员</option>

												<option value="2">机器人管理员</option>

												<option value="3">网站管理员</option>

											</select>

										</div>

									</div>

									<div class="form-actions">

										<button type="submit" id="submit" class="btn green">保存</button>

										<button type="button" class="btn">取消</button>

									</div>

								</form>

								<!-- END FORM-->

							</div>

						</div>

						<!-- END VALIDATION STATES-->

					</div>

				</div>

				<!-- END 页面主要内容 -->

			</div>

			<!-- END PAGE CONTAINER-->

		</div>

		<!-- 页面部分 -->
		</block>
		
		
		<block name="script">
		<script type="text/javascript" src="__PUBLIC__/js/select2.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/jquery.dataTables.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/DT_bootstrap.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/jquery.validate.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/additional-methods.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/chosen.jquery.min.js"></script>
		<script src="__PUBLIC__/js/form-validation.js"></script> 
		<script>

		jQuery(document).ready(function() {   

		   // initiate layout and plugins

		   App.init();

		   FormValidation.init();

		});

		</script>
		</block>